//页面加载完毕
jQuery(function($) {
    //导航中所有文本颜色为黑色
    $(".liClass > a").css("color" , "black");
    //默认选中导航菜单中的第一个菜单项
    $(".liClass:first").addClass("active");
    //第一个菜单项的文字变成白色
    $(".liClass:first > a").css("color" , "white");

    //给所有的菜单项注册鼠标单击事件
    $(".liClass").click(function() {
        //移除所有菜单项的激活状态
        $(".liClass").removeClass("active");
        //导航中所有文本颜色为黑色
        $(".liClass > a").css("color" , "black");
        //当前项目被选中
        $(this).addClass("active");
        //当前项目颜色变成白色
        $(this).children("a").css("color","white");
    });
});